<!--
 * @Author: chengjiang
 * @Date: 2024-11-06 11:19:17
 * @Description: 
-->
<template>
    <TitleHeader val="快速预览"/>
    <a-list item-layout="horizontal" :data-source="data">
      <template #renderItem="{ item }">
        <a-list-item>
          <!-- description="Ant Design, a design language for background applications, is refined by Ant UED Team" -->
          <a-list-item-meta>
            <template #title>
              <a target="_blank" :href="item.link">{{ item.title }}</a>
            </template>
            <!-- <template #avatar>
              <a-avatar src="https://joeschmoe.io/api/v1/random" />
            </template> -->
          </a-list-item-meta>
        </a-list-item>
      </template>
    </a-list>
  </template>
  <script lang="ts" setup>
  import TitleHeader from '../../components/TitleHeader.vue'
  interface DataItem {
    title: string;
    link: string;
  }
  const data: DataItem[] = [
    {
      title: '看价盘：http://www.pggold.cn/',
      link: 'http://www.pggold.cn',
    },
    {
      title: '临售盘：http://www.pggold.cn/#/customer',
      link: 'http://www.pggold.cn/#/customer',
    },
    {
      title: '计算：http://www.pggold.cn/#/cacl',
      link: 'http://www.pggold.cn/#/cacl',
    },
  ];
  </script>
  
  